/**
 * 学习目标：state的总结
 */
import React from 'react';
import ReactDOM from 'react-dom';

// 1. state的作用：声明数据，驱动视图
// 2. 💥state = {} ，键名是变量名
// 3. state是独立作用域，不同组件，默认不能互相访问对方的数据
// 4. 访问变量，通过this.state.属性
// 5. this指向实例对象

// 组件类型-（早期分法）
// 1. 无状态组件 - 展示组件
// 函数式组件
// 2. 状态组件 - 容器组件 - 保存数据
//    类组件
class App extends React.Component {
  state = 0;

  render() {
    return (
      <div>
        <Child></Child>
      </div>
    );
  }
}

function Test() {}

class Child extends React.Component {
  state = {
    count: 0,
  };
  render() {
    return <div></div>;
  }
}

ReactDOM.render(<App></App>, document.getElementById('root'));
